body {
    /*background-color:#999999;*/
    margin: 0px auto;
    width: 1000px;
    font-family: 'Open Sans', sans-serif;
    background-image: url('Imagenes/background_linen.png');
}

#page {
    	-webkit-box-shadow: 1px 1px 1px 1px rgba(10, 10, 10, 0.3);
	box-shadow: 1px 1px 1px 1px rgba(10, 10, 10, 0.3);
    float:left;
    width: 100%;
    padding:10px;
    background-color:#fff;
}

#banner {
	height: 200px;
	padding: 20px 10px 10px 40px;
	background-image: url('Imagenes/banner.jpg');
	margin-bottom: 20px;
}

h1{
	color: #333;
}

nav{
    float:left;
    width: 450px;
}

nav ul {
    list-style-type:none;
    margin: 0px;
    padding: 0px;        
}

nav ul li {
    margin: 5px;
    padding: 10px;
    text-transform:capitalize;
    font-size: 20px;
    
}

nav ul li ul{
    margin: 5px;
    padding: 10px;
    text-transform:capitalize;
    font-size: 20px;
    
}


/*--- estilos para los ul y li del formulario ---*/
.formulario ul {
    width:400px;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.formulario li{
    padding:12px; 
    border-bottom:1px solid #eee;
    position:relative;
}

.formulario label{
    color: #555555;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 13 px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}

.formulario input {
    height:20px; 
    width:220px; 
    padding:5px 8px;
}
.formulario textarea {
    padding:8px; 
    width:300px;
}
.formulario button {
    margin-left:90px;
}

/*----- estilos visuales de los elementos --------*/
.formulario input, .formulario textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    color: #888;
    font-size: 12px;
    padding-right:30px;
    -moz-transition: padding .30s; 
    -webkit-transition: padding .30s; 
    -o-transition: padding .30s;
    transition: padding .30s;
}

.formulario input:focus, .formulario textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
    padding-right:80px;
}

.formulario input:required:valid, .formulario textarea:required:valid {
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
.formulario input:focus:invalid, .formulario textarea:focus:invalid {
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}



nav ul li:hover {
    background: #F9F9F9;
	-webkit-box-shadow: inset 0px 0px 4px 2px rgba(20, 20, 20, 0.3);
	box-shadow: inset 0px 0px 4px 2px rgba(20, 20, 20, 0.3);
}

nav ul li a {
    color:#e34c26;
    text-decoration: none;
}

nav ul li {
    margin: 5px;
    padding: 10px;
    text-transform:capitalize;
    font-size: 15px;
    
}

section {
    float:left;
    width:58%;
}

article {
    margin-bottom:5px;
    padding: 10px;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 2px;
    border-color:#ffffff;
}

p {
    text-align:justify;
}

aside{
	background: #F0F0F0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.3);
	box-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.3);
    float: right;
    text-align: center;
    width: 20%;
    padding:10px;
    margin-bottom: 9px;
}

footer{
	margin 0px auto;
    float: left;
    text-align: center;
    width: 100%;
    padding:10px;
}

#imagenes{
	align: left;
}


